 //城市框点击事件，显示热门城市div  
    function fun(){
        var event = this;
        var eleobj = document.getElementById('oyesgo_city_popping');  
        //初始化城市列表li  
        var ulobj = eleobj.getElementsByTagName("ul")[0];  
        ulobj.innerHTML = '';  
        var lifacObj = lifactory(event);  
        var allcity = {  
                'depcity':'北京 上海 昆明 广州 杭州 南京 成都 武汉 青岛 大连 重庆 三亚 郑州 宁波 西安 长沙 昆明 沈阳 厦门 哈尔滨'.split(' '),//出发城市  
                'arrcity':'北京 上海 昆明 广州 杭州 南京 成都 武汉 青岛 大连 重庆 三亚 郑州 宁波 西安 长沙 昆明 沈阳 厦门 哈尔滨'.split(' ') //到达城市  
        }  
          
        cityarry=allcity[event.name];  
        for (var i=0; i<cityarry.length; i++) {  
            var liobj=lifacObj(cityarry[i],eleobj);  
            ulobj.appendChild(liobj);  
        };  
        //显示城市选择框  
        //eleobj.style.display='block';  
        openCitySelectFrame(event);  
  
    }  
    //li工厂  
    function lifactory(ele){  
        //attachEvent  
		var sz=document.getElementById("flightCode");
		var sz1=document.getElementById("arriCode");
        var func=function(name,cityframe){  
            var liobj=document.createElement("li");  
            liobj.innerHTML='<a  style="cursor:pointer;">'+name+'</a>';  
            var aobj=liobj.getElementsByTagName('a')[0]; 
			//这里写判断
            appendEventListener.call(aobj,'click',function(){  
                //城市点击后，将对应城市名称填入框中
				$(ele).prev('input').val(name);
				var b = document.getElementById("flightName").value;	
				var b1 = document.getElementById("arriName").value;
				
				switch (b){
				 case "广州": sz.value="CAN";
				 break;
				 case "上海": sz.value="SHA";
				 break;
				 case "北京": sz.value="PEK";
				 break;
				 case "昆明": sz.value="KMG";
				 break;
				 case "天津": sz.value="TSN";
				 break;
				 case "杭州": sz.value="HGH";
				 break;
				 case "南京": sz.value="NKG";
				 break;
				 case "成都": sz.value="CTU";
				 break;
				 case "武汉": sz.value="WUH";
				 break;
				 case "青岛": sz.value="TAO";
				 break;
				 case "大连": sz.value="DLC";
				 break;
				 case "重庆": sz.value="CKG";
				 break;
				 case "三亚": sz.value="SYX";
				 break;
				 case "郑州": sz.value="CGO";
				 break;
				 case "宁波": sz.value="NGB";
				 break;
				 case "西安": sz.value="XIY";
				 break;
				 case "长沙": sz.value="CSX";
				 break;
				 case "沈阳": sz.value="SHE";
				 break;
				 case "厦门": sz.value="XMN";
				 break;
				 case "哈尔滨": sz.value="HRB";
				 break;
					}
				switch (b1){
				 case "广州": sz1.value="CAN";
				 break;
				 case "上海": sz1.value="SHA";
				 break;
				 case "北京": sz1.value="PEK";
				 break;
				 case "昆明": sz1.value="KMG";
				 break;
				 case "天津": sz1.value="TSN";
				 break;
				 case "杭州": sz1.value="HGH";
				 break;
				 case "南京": sz1.value="NKG";
				 break;
				 case "成都": sz1.value="CTU";
				 break;
				 case "武汉": sz1.value="WUH";
				 break;
				 case "青岛": sz1.value="TAO";
				 break;
				 case "大连": sz1.value="DLC";
				 break;
				 case "重庆": sz1.value="CKG";
				 break;
				 case "三亚": sz1.value="SYX";
				 break;
				 case "郑州": sz1.value="CGO";
				 break;
				 case "宁波": sz1.value="NGB";
				 break;
				 case "西安": sz1.value="XIY";
				 break;
				 case "长沙": sz1.value="CSX";
				 break;
				 case "沈阳": sz1.value="SHE";
				 break;
				 case "厦门": sz1.value="XMN";
				 break;
				 case "哈尔滨": sz1.value="HRB";
				 break;
					}
                //城市选择框关闭  
                closeCitySelectFrame(ele);  
            });  
            return liobj;  
        };  
        return func;  
    }  
	
	
    //增加事件  
    function appendEventListener(eventtype,func){  
        if (this.addEventListener) {  
            this.addEventListener(eventtype, func, false);  
        }  
        else if (this.attachEvent) {  
                eventtype='on'+eventtype;  
                this.attachEvent(eventtype, func);  
        }  
    }  
  
    //关闭城市选择框  
    function closeCitySelectFrame(){  
        try {  
            var cityframe = document.getElementById('oyesgo_city_popping');  
            cityframe.style.display = 'none';  
            if (!!cityframe.inputeleobj) {  
                cityframe.inputeleobj.focus();  
            }  
            //从自定义属性中移除文本框  
            cityframe.inputeleobj = null;  
        }catch(e){}  
    }  
      
    //开启城市选择框  
    function openCitySelectFrame(inputele){  
        if(!inputele){  
            return;  
        }  
        var cityframe=document.getElementById('oyesgo_city_popping');  
        //移动框的左边界与input框的边界一致  
        try {  
            cityframe.style.left = (inputele.offsetLeft) + 'px';                      
        }catch(e){  
            cityframe.style.left = inputele.posLeft;  
        }  
          
        cityframe.style.display='block';  
        //将文本框对象添加到自定义属性  
        cityframe.inputeleobj=inputele;  
    }  
    //为城市框添加事件  
    (function(){  
        var depele=document.getElementById('dep');  
        var arrele=document.getElementById('arr');  
        var elearray=[depele,arrele];  
        var eleobj=document.getElementById('oyesgo_city_popping');  
        for (var i=0; i<elearray.length; i++) {  
            elearray[i].onclick=fun;  
        };  
        //对弹出框中的小叉号添加关闭事件  
        var closebutton=document.getElementById('oyesgo_city_closewin');  
        appendEventListener.call(closebutton,'click',function(){  
            closeCitySelectFrame();  
        });  
        //添加doc click事件  
        appendEventListener.call(document,'click',function(){  
            var eleobj=document.activeElement;  
            var namefun={'depcity':true,    'arrcity':true,'cityframe':true};  
            if(!namefun[eleobj.name]){  
                closeCitySelectFrame();  
            }  
        });  
          
    })();  